<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<script src="../js/common/jquery.js"></script>
<script src="../js/common/drag.js"></script>
<script src="../js/common/angular.min.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/case/getTdValue.js"></script>
</head>
<body ng-app="myApp">

    <table ng-controller="tableCtrl as tC" border="1" width="800px" height="200px" style="table-layout: fixed;">
        <tr ng-repeat="x in tC.tables">
            <td index={{$index}} ng-show="tC.setType1!=x.id"><span ng-click="tC.getIndex($index,$event);tC.setType1=x.id">{{x.name}}</span></td>
            <td ng-show="tC.setType1==x.id"><input type="text" ng-model="tC.copyArr.name" ng-blur="tC.getValue($index)"/></td>
            <td index={{$index}} ng-show="tC.setType2!=x.id"><span ng-click="tC.getIndex($index,$event);tC.setType2=x.id">{{x.age}}</span></td>
            <td ng-show="tC.setType2==x.id"><input type="text" ng-model="tC.copyArr.age" ng-blur="tC.getValue($index)"/></td>
            <td index={{$index}} ng-show="tC.setType3!=x.id"><span ng-click="tC.getIndex($index,$event);tC.setType3=x.id">{{x.height}}</span></td>
            <td ng-show="tC.setType3==x.id"><input type="text" ng-model="tC.copyArr.height" ng-blur="tC.getValue($index)"/></td>
        </tr>
    </table>

</body>
</html>
